
/**
 * @description: 全员营销活动|员工卡设置页面
 *
 * @author Yanghc
 * @date 2018年7月15日 下午08:00:52
 * @version 1.0.0.1
 */
var path=$("#pathId").val();
//加载左侧预览属性
function loadPageSetStyle(){
	var url =path+"/staffCardSetting/loadVeiwPageSetStyle";
	$.post(url,function(data) {
		if(data.status == "200"){
			obj=data.data;
			//背景图片不为空
		    if(StringEmpty(obj.backPic)){
		    	bgUrl=obj.backPic;
		    	$(".s_bg").css("background-color",obj.backPic);
		    	//右侧
		    	$('#bgd_image').attr("src",obj.backPic);
		    	$("#bgfontno").show();
  	    		$("#bgfontyes").hide();
		    }
		    //企业名称
		    if(StringEmpty(obj.companyName)){
		    	$("#comnameShow").html(obj.companyName);
		    	//右侧
		    	$("#comtx_id").val(obj.companyName);
		    }
		    //企业名称颜色
		    if(StringEmpty(obj.companyNameColor)){
		    	$("#comnameShow").css("color",obj.companyNameColor);
		    }
		    //是否显示logo
		    if(obj.isCompanyLogoShow==1){
		    	isShowCouponList=1;
		    	logobgUrl=obj.companyLogo;
		    	$("#comlogoleftview").show();
		    	$("#comlogoleftview").attr("src",obj.companyLogo);
		    	//右侧
		    	$("#comlogo_image").attr("src",obj.companyLogo);
		    	$("#logfontno").show();
  				$("#logfontyes").hide();
  				$('#showcomLogoYes').attr("checked","checked");
  	  			$('#showcomLogoYes').parent().addClass("checked");
  	  			$('#showcomLogoNo').removeAttr("checked");
  	  			$('#showcomLogoNo').parent().removeClass("checked");
		    }else{
		    	$("#comlogoleftview").hide();
		    	isShowCouponList=0;
		    	$('#showcomLogoNo').attr("checked","checked");
	  			$('#showcomLogoNo').parent().addClass("checked");
	  			$('#showcomLogoYes').removeAttr("checked");
	  			$('#showcomLogoYes').parent().removeClass("checked");
		    }
		    //注册tab文本
		    if(StringEmpty(obj.tabSignText)){
		    	$("#regLi").html(obj.tabSignText);
		    	//右侧
		    	$("#regtext_id").val(obj.tabSignText);
		    }
		    //登录tab文本
		    if(StringEmpty(obj.tabLoginText)){
		    	$("#logLi").html(obj.tabLoginText);
		    	//右侧
		    	$("#sbtext_id").val(obj.tabLoginText);
		    }
		    //注册、登录tab文字颜色
		    if(StringEmpty(obj.tabTextColor)){
		    	regtextcolor=obj.tabTextColor;
		    	$("#regLi").css("color",obj.tabTextColor);
		  		$("#logLi").css("color",obj.tabTextColor);
		    }else{
		    	$("#regLi").css("color","#fb6b01");
		    }
		    //注册、登录tab背景颜色 
		    if(StringEmpty(obj.tabBackColor)){
		    	regbgcolor=obj.tabBackColor;
		  		$(".on").css("border-bottom","2px solid "+regbgcolor);
		    }
		    //注册、登录按钮颜色
		    if(StringEmpty(obj.buttonBackColor)){
		    	$("#regis_button").css("background-color",obj.buttonBackColor);
		  		$("#login_button").css("background-color",obj.buttonBackColor);
		    }
		    //登录按钮文本
		    if(StringEmpty(obj.buttonLoginText)){
		    	$("#login_button").html(obj.buttonLoginText);
		    	//右侧
		    	$("#sbtntext_id").val(obj.buttonLoginText);
		    }
		    //注册按钮文本
		    if(StringEmpty(obj.buttonSignText)){
		    	$("#regis_button").html(obj.buttonSignText);
		    	//右侧
		    	$("#regbtn_id").val(obj.buttonSignText);
		    }
		}
	});
}
//初始化页面  加载页面地址
function loadPageUrl(){
	var url = path+"/staffCardSetting/ajaxloadPageUrl";
	$.post(url,function(data) {
		if (data.status == 200) {
			$("#pageUrl").val(data.data);
		} else {
			errorDialog(data.message);
		}
	});
}

//员工卡预览url二维码
function priviewUrlQrcode(){
	var url = path+"/staffCardSetting/ajaxPriviewUrlQrcode";
	$.post(url,function(data) {
		if (data.status == 200) {
			var shortUrl=data.data;
			showPriviewDialog(shortUrl);
		}else{
		  errorDialog(data.message);
	   }
	});
}

//输入的内容左边实时展示
function reloadleftView(){
	$('#comnameShow').html($('#comtx_id').val());
	$('#regLi').html($('#regtext_id').val());
	$('#logLi').html($('#sbtext_id').val());
	$('#regis_button').html($('#regbtn_id').val());
	$('#login_button').html($('#sbtntext_id').val());
}

//复制事件
function copyUrl(){
	var clipboard = new ClipboardJS('#btnCopy');
	   clipboard.on('success', function(e) {
		   successDialog("复制成功");
	   });  
	   clipboard.on('error', function(e) {
		   successDialog("复制失败！请手动复制");
	   });  
}

//校验是否已有预览数据记录，，有的话直接生产二维码
function checkIsExistUrl(){
	var url = path+"/staffCardSetting/ajaxCheckIsExistUrl";
	$.post(url,function(data) {
		if (data.status == 200) {
			priviewUrlQrcode();
		} else {
			priviewSave();
		}
	});
}

//预览保存
function priviewSave(){
		 var isShowLogo=$('input:radio[name="companyLogo"]:checked').val();
		 var paUrl=$("#pageUrl").val();
		 var regText=$("#regtext_id").val();//注册选项卡文本
		 var dlText=$("#sbtext_id").val();//登录选项卡文本
		 var regBtnText=$("#regbtn_id").val();//注册按钮文本
		 var dlBtnText=$("#sbtntext_id").val();//登录按钮文本
		 var flag=true;
		 var company = $("#comtx_id").val(); //企业名称
		 
		//校验企业名称是否填写
		if(!StringEmpty(company)){
 			flag=false;
			promptDialog("请填写企业名称");
			return;
 		}
		//校验企业logo是否上传
		if(isShowLogo==1){//企业logo选择显示，必须上传logo
			if(!StringEmpty(logobgUrl)){
	 			flag=false;
				promptDialog("请上传企业LOGO");
				return;
	 		}
		}
		//校验注册选项卡文本
		if(!StringEmpty(regText)){
			flag=false;
		    promptDialog("请输入注册文本");
		    return;
		}
		//校验登录选项卡文本
		if(!StringEmpty(dlText)){
			flag=false;
		    promptDialog("请输入登录文本");
		    return;
		}
		//校验注册按钮文本
		if(!StringEmpty(regBtnText)){
			flag=false;
		    promptDialog("请输入注册按钮文本");
		    return;
		}
		//校验登录按钮文本
		if(!StringEmpty(dlBtnText)){
			flag=false;
		    promptDialog("请输入登录按钮文本");
		    return;
		}
		
		
		 var addUrl=path+"/staffCardSetting/ajaxAddstaffCardInfo";
		 if(flag){
			$.ajax({
	 			type:"post",
	  			url:addUrl,
	  			async: false,
	  			data:{
	            	"shortUrl":paUrl,
	            	"companyName":company,
	            	"companyNameColor":comtxbgd_color,
	            	"companyLogo":logobgUrl,
	            	"isCompanyLogoShow":isShowLogo,
	            	"backPic":bgUrl,
	            	"tabSignText":regText,
	            	"tabTextColor":regtextcolor,
	            	"tabLoginText":dlText,
	            	"tabBackColor":regbgcolor,
	            	"buttonBackColor":regbutncolor,
	            	"buttonLoginText":dlBtnText,
	            	"buttonSignText":regBtnText,
	            	"previewType":"1",
	            	},
	            success:function(data){
	            	if(data.status == 200){
	            		//priviewUrlQrcode();
	            	}else{
	            		errorDialog(data.message);
	            	}
	            }
	 		 })
		 }
}
//员工卡保存
$("#btnSave").click(function(){
		 var isShowLogo=$('input:radio[name="companyLogo"]:checked').val();
		 var paUrl=$("#pageUrl").val();
		 var regText=$("#regtext_id").val();//注册选项卡文本
		 var dlText=$("#sbtext_id").val();//登录选项卡文本
		 var regBtnText=$("#regbtn_id").val();//注册按钮文本
		 var dlBtnText=$("#sbtntext_id").val();//登录按钮文本
		 var flag=true;
		
		//校验企业logo是否上传
		if(isShowLogo==1){//企业logo选择显示，必须上传logo
	 		if(!StringEmpty(logobgUrl)){
	 			flag=false;
				promptDialog("请上传企业LOGO");
				return;
	 		}
		}
		//校验注册选项卡文本
		if(!StringEmpty(regText)){
			flag=false;
		    promptDialog("请输入注册文本");
		    return;
		}
		//校验登录选项卡文本
		if(!StringEmpty(dlText)){
			flag=false;
		    promptDialog("请输入登录文本");
		    return;
		}
		//校验注册按钮文本
		if(!StringEmpty(regBtnText)){
			flag=false;
		    promptDialog("请输入注册按钮文本");
		    return;
		}
		//校验登录按钮文本
		if(!StringEmpty(dlBtnText)){
			flag=false;
		    promptDialog("请输入登录按钮文本");
		    return;
		}
		 var addUrl=path+"/staffCardSetting/ajaxAddstaffCardInfo";
		 if(flag){
			$.ajax({
	 			type:"post",
	  			url:addUrl,
	  			async: false,
	  			data:{
	            	"shortUrl":paUrl,
	            	"companyName":$("#comtx_id").val(),
	            	"companyNameColor":comtxbgd_color,
	            	"companyLogo":logobgUrl,
	            	"isCompanyLogoShow":isShowLogo,
	            	"backPic":bgColor,
	            	"tabSignText":regText,
	            	"tabTextColor":regtextcolor,
	            	"tabLoginText":dlText,
	            	"tabBackColor":regbgcolor,
	            	"buttonBackColor":regbutncolor,
	            	"buttonLoginText":dlBtnText,
	            	"buttonSignText":regBtnText,
	            	"previewType":"2",
	            	},
	            success:function(data){
	            	if(data.status == 200){
	            		successDialog(data.message);
	            		//refreshForm();
	            	}else if(data.status==301){
	            		errorDialog(data.message);
	            	}else{
	            		errorDialog(data.message);
	            	}
	            }
	 		 })
		 }
		 
});

//保存提交完  手动刷新页面
function refreshForm(){
	$("#regtext_id").val("注册");
	$("#sbtext_id").val("登录");
	$("#regbtn_id").val("注册");
	$("#sbtntext_id").val("登录");
	$("#comtx_id").val("");
	$("#comlogo_image").attr("src",path+"/images/marketing/img_p.png");
	$('#bgd_image').attr("src",path+"/images/marketing/img_p.png");
	$("#logfontno").hide();
	$("#logfontyes").show();
	$("#bgfontno").hide();
	$("#bgfontyes").show();
}

//员工卡预览点击事件
$("#btnCat").click(function(){
	var viewUrl=basePath+"aem/client/regloginpageforview?cid="+cid+"&priview=1";
	priviewSave();
   	showPriviewDialog(viewUrl);
	 //checkIsExistUrl();
});

//二维码预览弹出框
function showPriviewDialog(url){
	var d = dialog({
		width: 110,
	        height:110,
	        align: 'bottom',
			content: '<div id="code"></div><img id="qrcodeImg" src="" style="width:110px;height:110px;"/>' +
	        				'<a id="download" download="qrcode.jpg"></ a></br>' ,
		quickClose: true// 点击空白处快速关闭
	});
	d.show(document.getElementById("btnCat"));
	createQRCode(url); 
	$(".ui-dialog").css("background-color" , "rgba(7, 17, 27, 0.3)");  
}

//生成二维码
function createQRCode(url){
	$('#code').empty();
	var qrcode = $('#code').qrcode({
   			width : 110,
   			height:110,
   			text : url + ""    /*可以通过ajax请求动态设置*/
 	}).attr("style","display:none;");
	var canvas = qrcode.find('canvas').get(0);  // 将生成的二维码转换成图片格式
    $('#qrcodeImg').attr('src', canvas.toDataURL('image/jpg'));
}

	

//初始化员工属性基本字段
$('a[href="#tab-2"]').click(function(e) {
    	var url = path+"/staffCardSetting/setStaffBaseProper";
  		$.post(url,function(data) {
  			if (data.status == 200) {
  				$("#data-table").bootstrapTable('refresh');
  			} else {
  				errorDialog(data.message);
  			}
  		});
});


//判断网址
function urlvilidate(url){
    var Expression=/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/])+$/;
    //var regZuoj = /^(\d{2,4}-?)?\d{7,8}$/;
    var result = Expression.test(url);
    if(!result){
        return false;
    }else{
        return true;
    }
}

//自定义弹出框
function func_artdialog(name,value){
 		var d = dialog({
 			title: name,
 			fixed: true,
 			width: 250,
 	        height:80,
 			content:"<center style='font-size:20px; line-height:100px;'>"+value+"</center>"
	});
	d.show();
}